<!DOCTYPE html>
<html>
<head>
<title>qryCar.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="css/styles.css">
<script type="text/javascript" src="js/cookie_util.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
	var userId = getCookie("userId");
	$(document).ready(function() {
		$("#login-id").text(getCookie("userName"));
		if (userId == null) {
			$("#logon-info").hide();
			$("#readylog").show();
		} else {
			$("#logon-info").show();
			$("#readylog").hide();
		}
		getCarInfo();
	});
</script>
</head>

<body>
	<div id="shade"></div>
	<div class="header">
		<div class="top">
			<a class="logo">试驾车管理系统</a>
			<div class="login-info" id="logon-info">
				<span>当前登录</span><span id="login-id"></span><a href="JavaScript(0)"
					onclick="safeQuit()">退出登录</a>
			</div>
			<div class="login-info" id="readylog">
				<a href="Javascript:void(0)" onclick="toLog()">登录</a> <a
					href="Javascript:void(0)" onclick="toRes()">立即注册</a>
			</div>
			<div class="search-box">
				<div class="suggestion_widget" data-default-count="0">
					<input type="text" class="search-input" placeholder="搜索您要找的车"
						data-role="keywordInput" name="keyword" autocomplete="off">
					<button class="search-btn">搜索</button>
				</div>
			</div>
		</div>
		<div class="top-nav">
			<div class="navlist">
				<a href="qryCar.html" onclick="" class="navli">查找车辆</a> <a
					href="carExp.html" onclick="" class="navli">试驾体验</a> <a
					href="personMan.html" onclick="" class="navli">个人中心</a> <a
					href="Javascript:void(0)" onclick="toManPage()" class="navli">后台管理</a>
			</div>
		</div>
	</div>
	<div class="main">
		<div class="selectlist">
			<ul class="fliter-bd">
				<li class="clickBrandWidget"><span>品牌</span> <a class="nameon"
					href="Javascript:void(0)" rel="nofollow" onclick="qrybyname(this)">不限</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">大众</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">宝马</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">奔驰</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">现代</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">奥迪</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">福特</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">别克</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">丰田</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">本田</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">雪佛兰</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">起亚</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">马自达</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">标致</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">长安</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">雪铁龙</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">保时捷</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">北京</a><br /> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">比亚迪</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">法拉利</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">哈弗</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">红旗</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">凯迪拉克</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">兰博基尼</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">劳斯莱斯</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">林肯</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">玛莎拉蒂</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">奇瑞</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">荣威</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">斯柯达</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">特斯拉</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">一汽</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyname(this)">英菲尼迪</a></li>
				<li class="clickBrandWidget"><span>车型</span> <a class="typeon"
					href="Javascript:void(0)" rel="nofollow" onclick="qrybytype(this)">不限</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">紧凑型车</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">微型车</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">小型车</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">中型车</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">跑车</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">轻客</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">紧凑型SUV</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">小型SUV</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">中型SUV</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">大型SUV</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">MPV</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">微面</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybytype(this)">皮卡</a></li>
				<li class="clickBrandWidget"><span>售价</span> <a class="priceon"
					href="Javascript:void(0)" rel="nofollow"  onclick="qrybyprice(this)">不限</a> <a class=""
					href="Javascript:void(0)" title=""  onclick="qrybyprice(this)">3万以下</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">3-5万</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">5-7万</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">7-9万</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">9-12万</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">12-16万</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">16-20万</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyprice(this)">20万以上</a></li>
				<li class="clickBrandWidget"><span>排量</span> <a class="ton"
					href="Javascript:void(0)" rel="nofollow" onclick="qrybyt(this)">不限</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyt(this)">1.0L以下</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyt(this)">1.0-1.6L</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyt(this)">1.6-2.0L</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyt(this)">2.0-3.0L</a> <a class=""
					href="Javascript:void(0)" title="" onclick="qrybyt(this)">3.0L以上</a></li>
			</ul>
		</div>
		<div class="sortnav">
			<ul class="sequen">
				<li class="first"><a rel="nofollow" href="Javascript:void(0)" onclick="qryorder(this)">默认排序</a>
				</li>
				<li><a href="Javascript:void(0)" title="" onclick="qryorder(this)">价格</a>
				</li>
			</ul>
		</div>
		<div class="carlist">
			<ul class="carul">
			<!-- 
				<li>
					<div class="list-infoBox">
						<a href="#"> <img width="290" height="194" src="img/test.jpg"
							alt="大众捷达 2013款 1.6L 自动舒适型"> </a>
						<p class="infoBox">
							<a title="" href="#" target="_blank" class="info-title">大众捷达
								2013款 1.6L 自动舒适型</a>
						</p>
						<p class="fc-gray">
							<span class="">2013年上市</span>
						</p>
						<i class="fc-org priType"> 6.50万 </i>
					</div></li>
				<li>
					<div class="list-infoBox">
						<a href="#"> <img width="290" height="194" src="img/test.jpg"
							alt="大众捷达 2013款 1.6L 自动舒适型"> </a>
						<p class="infoBox">
							<a title="" href="#" target="_blank" class="info-title">大众捷达
								2013款 1.6L 自动舒适型</a>
						</p>
						<p class="fc-gray">
							<span class="">2013年上市</span>
						</p>
						<i class="fc-org priType"> 6.50万 </i>
					</div></li> -->
			</ul>
		</div>
	</div>
	<div id="log-func">
		<div class="wrap-log"> 
		<label>
			<span class="wrap-title">欢迎使用试驾车管理系统</span>
		</label>
		<label>
			<span class="wrap-nav">用户名</span> 
			<input type="text" placeholder="请输入用户名" class="logint" id="userid" />
		</label>
		<label>
			<span class="wrap-nav">密&nbsp;&nbsp;&nbsp;码</span> 
			<input type="password" placeholder="请输入密码" class="logint" id="pwd" />
		</label> 
		<label>
			<input type="button" value="登录" class="logbut" onclick="commitLog()" /> 
			<input type="button" value="返回" class="logbut" onclick="cancelLog()" />
		</label> 
		<label><a href="Javascript:void(0)" onclick="toRes()" id="tores">现在注册</a></label>
		</div>
		</div>
	<div id="res-func">
		<div class="wrap-res">
			<label>
				<span class="wrap-title">欢迎使用试驾车管理系统</span>
			</label>
			<label> 
				<span class="wrap-nav">登陆账号</span>
				<input type="text" placeholder="请输入用户名/邮箱/手机号" class="logint" id="ruserid" /> 
			</label> 
			<label>
				<span class="wrap-nav">登陆密码</span> 
				<input type="password" placeholder="请输入密码" class="logint" id="rpwd" /> 
			</label> 
			<label> 
				<span class="wrap-nav">确认密码</span>
				<input type="password" placeholder="请再次确认密码" class="logint"  id="rpwd1" /> 
			</label> 
			<label> 
			<input type="button" value="注册" class="logbut" onclick="commitRes()" /> 
			<input type="button" value="返回" class="logbut" onclick="cancelRes()" /> 
			</label>
		</div>
	</div>
</body>
</html>
